<!DOCTYPE html>
<html lang="zh_CN">
<head  onload="createCode()">
    <meta charset="UTF-8">
    <title>注册登录界面</title>
    <link rel="stylesheet" href="static/zui/css/zui.css">
    <script src="static/js/jquery-3.6.0.js"></script>
    <script src="static/js/common.js"></script>
    <script src="static/zui/js/zui.js"></script>
    <link rel="stylesheet" href="static/css/global.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header flex space-between box-center">
    <div><img src="img/index/header.jpg"></div>
    <div class="header-right flex">
        <div>全国统一热线</div>
        <div>666-666-6666</div>
        <div><i class="icon icon-phone icon-2x" ></i></div>
    </div>
</div>

    <div class="container-wrap">
        <!-- 导航栏 -->
        <div class="nav-wrap" >
            <nav class="navbar navbar-default" role="navigation">
                <ul class="nav navbar-nav nav-justified">
                    <li ><a href="index.html"></a></li>
                    <li><a href="index.html"><i class="icon icon-bars"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                        所有项目</a></li>
                    <li ><a href="index.html"></a></li>
                    <li ><a href="index.html"></a></li>
                    <li><a href="index.html">首页</a></li>
                    <li ><a href="subject.html">在线评估</a></li>
                    <li ><a href="main.html">咨询师库</a></li>
                    <li ><a href="subscribe.html">我的预约</a></li>
                    <li ><a href="assessment.html">我的报告</a></li>
                    <li ><a href="account.html">我的账户</a></li>
                    <li ><a href="index.html"></a></li>
                    <li ><a href="index.html"></a></li>
                    <li ><a href="index.html"></a></li>
                    <li ><a href="index.html"></a></li>
                    <li ><a href="login.html" id="login-reg-btn">登录/注册</a></li>
                </ul>
            </nav>
        </div>
        <!-- 登录界面 -->
        <div class="container">
            <div class="form-box">
                <!--注册 -->
                <div class="register-box hidden">
                    <h1>注册</h1>

                    <input id="username" onblur="un()" type="text" placeholder="用户名">
                    <i class="icon icon-check i-yes none" id="yes"></i>
                    <i id="no" class="icon icon-times i-no none"></i>

                    <div class="flex">
                        性别
                        <label class="radio-inline">
                            <input class="sex-radio" type="radio" value="男" name="radioOptionsExample">&nbsp;&nbsp;男
                        </label>
                        <label class="radio-inline">
                            <input class="sex-radio" type="radio" value="女" name="radioOptionsExample">&nbsp;&nbsp;女
                        </label>
                    </div>

                    <input id="pwd1" onblur="pwd1()" type="password" placeholder="密码">
                    <i  class="icon icon-check i-yes1 none" id="yes1"></i>
                    <i id="no1" class="icon icon-times i-no1 none"></i>

                    <input id="pwd2" onblur="pwd2()" type="password" placeholder="确认密码">
                    <i class="icon icon-check i-yes2 none" id="yes2"></i>
                    <i id="no2" class="icon icon-times i-no2  none"></i>

                    <input id="age" onblur="ageBlur()" type="text" placeholder="年龄">
                    <i class="icon icon-check i-yes3 none" id="yes3"></i>
                    <i id="no3" class="icon icon-times i-no3  none"></i>

                    <input id="phone" onblur="phoneBlur()" type="text" placeholder="手机号">
                    <i class="icon icon-check i-yes4 none" id="yes4"></i>
                    <i id="no4" class="icon icon-times i-no4  none"></i>

                    <input id="address" onblur="addressBlur()" type="text" placeholder="通讯地址">
                    <i class="icon icon-check i-yes5 none" id="yes5"></i>
                    <i id="no5" class="icon icon-times i-no5  none"></i>

                    <button onclick="reg()">注册</button>
                </div>
                <!-- 登录 -->
                <div class="login-box">
                    <h1>登录</h1>

                    <input id="lusername" type="text" onblur="lunBlur()" placeholder="用户名">
                    <i class="icon icon-check i-yesl none" id="lyes"></i>
                    <i id="lno" class="icon icon-times i-nol none"></i>

                    <input id="lpwd" type="password" onblur="pwdBlur()" placeholder="密码">
                    <i class="icon icon-check i-lyesl none" id="lyes1"></i>
                    <i id="lno1" class="icon icon-times i-lnol none"></i>

                    <input id="code" type="text" placeholder="验证码">
                    <div class="code1" onclick="createCode()"></div>
                    <i id="lyes2" class="icon icon-check i-lyes2 none"></i>
                    <i id="lno2" class="icon icon-times i-lno2 none"></i>

                    <button onclick="userLogin()">登录</button>
                </div>
            </div>
            <div class="con-box left">
                <h2>欢迎来到<span>心理咨询室</span></h2>
                <p>快来寻找你的专属<span>心里咨询师</span>吧</p>
                <img src="img/login/日出2.jpg">
                <p>已有账号</p>
                <button id="login">去登录</button>
            </div>
            <div class="con-box right">
                <h2>欢迎来到<span>心理咨询室</span></h2>
                <p>快来寻找你的专属<span>心里咨询师</span>吧</p>
                <img src="img/login/日出3.jpg">
                <p>没有账号?</p>
                <button id="register" >去注册</button>
            </div>
        </div>
    </div>

    <!-- footer -->
    <footer class="footer">
        <div class="">
            <div class="mod_help">
                <dl>
                    <dd>品类咨询</dd>
                    <br>
                    <dd class="links"><a href="#">亲子关系</a></dd>
                    <dd class="links"><a href="#">情绪管理</a></dd>
                </dl>
                <dl>
                    <dd>服务与支持</dd><br>
                    <dd class="links"><a href="#">工作室信息</a></dd>
                    <dd class="links"><a href="#">心理咨询</a></dd>
                    <dd class="links"><a href="#">饮食指南</a></dd>
                    <dd class="links"><a href="#">收取标准</a></dd>
                </dl>
                <dl>
                    <dd>联系我们</dd><br>
                    <dd class="links"><a href="#">联系方式</a></dd>
                    <dd class="links"><a href="#">公司简介</a></dd>
                </dl>
                <dl>
                    <dd>售后服务</dd><br>
                    <dd class="links"><a href="#">售后政策</a></dd>
                    <dd class="links"><a href="#">价格保护</a></dd>
                    <dd class="links"><a href="#">退款说明</a></dd>
                    <dd class="links"><a href="#">返修/退换货</a></dd>
                    <dd class="links"><a href="#">取消订单</a></dd>
                </dl>
                <div class="call">
                    <div class="hotline">24小时免费咨询热线</div>
                    <div class="phone">666-666-6666&nbsp;&nbsp; <i class="icon icon-phone icon-2x" ></i></div>
                </div>

            </div>

            <div class="copyright">
                地址: 福州市仓山区大榕树文化中心三楼 || 邮编: 666666 || 电话: 666-666-6666 || 传真: 666-66666666 || 邮箱: Theo+666.cn
                <br>
                || 闽ICP备66666666号闽公网安备666666666666 ||

            </div>
        </div></div>
    </footer>
<script src="js/login.js"></script>
</body>
</html>